﻿/*
 * Example app stylesheet
 *
 * Xopus for DITA
 */
/* Element styles {{{ */
html
{
  margin: 0;
  padding: 0;
}

html, input, select, td, th
{
  font-family: "Tahoma", "Verdana", sans-serif;
}

body, td, th
{
  font-size: 8pt;
}

body
{
  margin: 0;
  padding: 0;
}

a
{
  cursor: pointer;
}

h1, h2, h3, h4, h5, h6
{
  font-weight: bold;
  font-size: 100%;
}

p
{
  margin-top: 0.5em;
}

ul, ol
{
  margin-left: 0;
  padding-left: 25px;
}

ul { list-style-type: square; }

table p
{
  margin: 0;
}

th, td
{
  vertical-align: top;
  text-align: left;
}

label
{
  float: left;
  width: 100px;
  padding-top: 0.5em;
  font-weight: bold;
}

/* }}} */
/* Navigation {{{ */

.navigation-body
{
  padding: 6px;
}

.navigation .options { margin-top: 0; }

.navigation-map
{
  margin: 1em 0;
}

.navigation-file-title-currentrow, 
.navigation-heading, 
.navigation-map-heading
{
  margin: 0;
}

.navigation-map-heading
{
  border-top: solid 1px;
}

.navigation-file-list tbody
{
  margin: 4px 0;
}

.navigation-file-type-cell,
.navigation-file-title-cell
{
  max-width: 220px;
}

.navigation ul 
{
  padding-left: 15px;
}

.form-create
{
  padding: 6px 0 0 0 ;
  margin: 0;
}

.form-create-panel
{
  margin-bottom: 1em;
  border: solid 1px;
  padding: 2px 4px 2px;
}

.form-create-toggle
{
  cursor: pointer;
  padding: 1px 0 0 12px;
  background: url('create-document-bg.gif') no-repeat -5px -1px;
}

.form-create-newdoc-panel
{
  font-weight: bold;
  padding: 6px 0;
}

.form-create-has-newdoc-false { display: none; }

.form-create-submitrow,
.form-create-field {
  padding: 0;
  clear: both;
  display: block;
}
.form-create-field {
  height: 1.7em;
}

.form-create-field label {
  float: left;
  font-weight: normal;
  width: 19%;
  margin: 0;
  padding: 0;
}

.form-create-field label.form-create-checkbox-label,
.form-create-field .form-create-field-panel
{
  float: right;
  width: 77%;
  margin: 2px 0;
  padding: 0;
}

.form-create-checkbox
{
  margin: 0;
  vertical-align: middle;
}

.form-create-submitrow
{
  text-align: right;
}

/* }}} */
/* Lookups {{{ */

.form-newtext
{
  width: 270px;
}

.form-newtext-submitrow
{
  text-align: right;
  margin: 6px 0;
}

.lookup-ui-textinput
{
  width: 240px;
}

.lookup-ui-panel
{
  margin: 0 0 1em 0;
}

.lookup-ui-form
{
  display: inline;
  margin: 0;
}

.lookup-ui-panel ul,
.lookup-ui-panel table
{
  margin: 0;
}

.lookup-ui-dialog
{
  padding: 1em;
}

.reference
{
  border: solid 1px;
  padding: 1em;
  margin: 2px;
}

ul.images
{
  list-style-type: none;
  padding: 0;
}

.image
{
  cursor: pointer;
  display: inline-block;
  margin: 2px;
  border: solid 1px;
  width: 120px;
  height: 120px;
  text-align: center;
}

.image img
{
  display: block;
  vertical-align: middle;
  max-width: 100%;
}

/* }}} */
/* Frameset {{{ */
#xopusContainer {
  padding: 0;
  overflow: hidden;
}

#navigation {
  border-right: solid 1px;
}

#xopusFrame {
  position: absolute;
}

#xopusPlatformTest
{
  z-index: 1000;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 28px;
  background: #F00;
  padding: 6px;
  font: bold 11px "Tahoma", sans-serif;
}
#xopusPlatformTest, #xopusPlatformTest a { color: #FFF; }

.requirements-body
{
  padding: 1em;
  max-width: 40em;
}

/* }}} */
/* Colors (theme/skin) {{{ */

html 
{
  /* Canvas */
  background: #FFF;
  color: #515151;
}

a
{
  /* Hyperlinks */
  color: #0010AD;
}

.navigation-file-list tbody
{
  /* Extra focus, ie 'bold by color' */
  color: #000;
}

.valid-field-false 
{
  color: #F00;
}

.valid-field-true 
{
  color: inherit;
}

.image, 
.reference
{
  border-color: #AAA;
}

.form-create-panel
{
  background: #F2F8FB;
  color: #00446F;
}

.form-create-panel,
.navigation-heading, 
.navigation-map-heading,
#navigation,
#comm
{
  /* Xopus border-blue: */
  border-color: #BFD0DB;
}

/* }}} */

.navigation table
{
  width: 100%;
}
.navigation-file-type-header,
.navigation-file-type-cell
{
  text-align: right;
}